*{
    box-sizing: border-box;
}
html,body{
    height: 100%;
    width: 100%;
    margin: 0%;
    padding: 0%;
    background-color: white;  
}
#main-body{
    width: 50%;
    height: 100%;
    margin: 0%;
    padding: 0%;
    display: flex;
}
#left1{
    width: 20%;
    height: 100%;
    margin: 0%;
    padding: 0%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
#right1{
    width: 80%;
    height: 100%;
    margin: 0%;
    padding: 0%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.sameBox1{
    height: 30px;
    margin: 0%;
    padding: 0%;
    display: flex;
    align-items: center;
}
.sameBox2{
    width: 100%;
    height: 30px;
    margin: 0%;
    padding: 0%;
    display: flex;
    align-items: center;
}
#area{
    margin-top: 50px;
}
select{
    margin: 0%;
    padding: 0%;
}
option{
    margin: 0%;
    padding: 0%;
    border-radius: 5px;
}
input{
    height: 30px;
    margin: 0%;
    padding: 0%;
}
#ban{
    width: 58.15px;
    height: 30px;
    margin: 0%;
}
label {
    vertical-align: middle;
}
textarea{
    width: 60%;
    height: 120px;
    margin: 0%;
    padding: 0%;
}
form{
    width: 80%;
    height: 100%;
    margin: 0%;
    padding: 0%;
}